<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME}_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){}%>
    <style type="text/css">
        .td_inline span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        a {
            font-size: 14px;
            font-weight: 500;
            /*color: #737373;*/
        }

        table {
            table-layout: fixed;
        }

        .kqbut {
            background-image: url('/assets/img/kq.jpg');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            -moz-background-size: 100% 100%;
        }
        #pic {
            height: 190px;
            margin: 0 auto;
        }

        #pic #po {
            width: 100%;
            overflow: hidden;
            height: 195px;
            position: relative;
        }

        #pic #pol {
            width: 500%;
            height: 190px;
            position: absolute;
        }

        #pic #num {
            height: 25px;
            position: absolute;
            z-index: 2;
            right: 20px;
            top: 170px;
        }

        #pic #num span {
            width: 10px;
            margin-left: 10px;
            cursor: pointer;
            font-size: 12px;
            height: 15px;
            float: left;
            color: #000000;
            text-align: center;
        }
        #pic #num span.cut {
            background: #999;
            color: #FFFFFF;
            border-radius: 50%;
            width: 15px;
            height: 15px;
        }

        .newsimg {
            width: 20%;
            height: 190px;
            float: left;
            cursor: pointer;
        }

        .widget-header {
            background-color: #eeeeee;
        }
    </style>
</head>
<body style="overflow-y: auto; height: 100%;">
<div class="page-body" style="padding: 4px 0px 0px;" id="app">
    <div class="page-container">
        <div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px">
            <div class="tabbable">
                <ul class="nav nav-tabs tabs-flat" id="myTab11" style="background-image: url('/gobal/img/tb_header.png'); background-size: 34px 60px;">
                    <% if(view==''||view==null)
                    {
                    view='desk';
                    }
                    for(item in profilelist)
                    {
                    if(item.url==view)
                    {
                    %>
                    <li class="active"><a href="/app/core/desk?view=${item.url}&profileId=${item.profileId}" aria-expanded="true">${item.title}</a></li>
                    <% }else { %>
                    <li class=""><a href="/app/core/desk?view=${item.url}&profileId=${item.profileId}" aria-expanded="false">${item.title}</a></li>
                    <% }
                    } %>
                </ul>
                <div class="tab-content tabs-flat" style="padding: 0px 15px 0px 15px">
                    <div class="row">
                        <div class="col-md-2 col-sm-6 col-xs-12" style="padding-left: 5px; padding-right: 5px;">
                            <div class="widget" style="margin-bottom: 5px">
                                <div class="widget-header bordered-top" style="-webkit-box-shadow: unset; height: 39px;">
                                    <span class="deskitem">${i18n('poratl.routineWork')}</span>
                                </div>
                                <!--Widget Header-->
                                <div class="portlet-content widget-body" style="height: 179px; display: none; min-width: 190px;background-image: url('/gobal/img/desk/shortcut-bg.png');background-size:100% 100%;"
                                     id="shortcut">
                                    <a onclick="top.openNewTabs('/app/core/bpm/doprocess','${i18n('poratl.BpmApproval')}');" class="col-md-4 col-sm-4 col-xs-4"
                                       style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                            style="height: 48px" src="/gobal/img/desk/work.png" title="${i18n('poratl.BpmApproval')}">
                                    </a> <a onclick="top.openNewTabs('/app/core/oa/email','${i18n('poratl.eMail')}');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/email.png" title="${i18n('poratl.eMail')}">
                                </a> <a onclick="top.openNewTabs('/app/core/diary/mydiary','工作日志');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/diary.png" title="工作日志">
                                </a> <a onclick="top.openNewTabs('/app/core/news/mynews','公司新闻');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/news.png" title="公司新闻">
                                </a> <a onclick="top.openNewTabs('/app/core/notice/readnotice','通知公告');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/notice.png" title="通知公告">
                                </a> <a onclick="top.openNewTabs('/app/core/oa/mycalendar','我的日程');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/calendar.png" title="我的日程">
                                </a> <a onclick="top.openNewTabs('/app/core/crm/manage/query','客户表表');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/meeting.png" title="客户列表">
                                </a> <a onclick="top.openNewTabs('/app/core/personalfile','个人文件');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/myfile.png" title="个人文件">
                                </a> <a onclick="top.openNewTabs('/app/core/file/knowledgestudy','知识管理');" class="col-md-4 col-sm-4 col-xs-4" style="height: auto; text-align: center; cursor: pointer; padding: 2px;"> <img
                                        style="height: 48px" src="/gobal/img/desk/knowledge.png" title="知识管理">
                                </a>
                                </div>
                                <!--Widget Body-->
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-12" style="padding-left: 5px; padding-right: 5px;">
                            <div class="widget" style="margin-bottom: 5px">
                                <div class="widget-header bordered-top" style="-webkit-box-shadow: unset">
                                    <span class="deskitem">${i18n('poratl.eMail')}</span>
                                    <div class="portlet-content widget-buttons">
                                        ' <a href="#" onclick="top.openNewTabs('/app/core/oa/email','${i18n('poratl.eMail')}');" title="${i18n('system.more')}"> <i class="fa fa-reorder blue"></i>'
                                    </a><a href="#" onclick="getMyEmail();" title="刷新"> <i class="fa fa-refresh blue"></i></a>
                                    </div>
                                </div>
                                <!--Widget Header-->
                                <div class="portlet-content widget-body" style="padding: 0px; height: 179px;">
                                    <table class="table table-hover">
                                        <tbody id="emailtbody">

                                        </tbody>
                                    </table>
                                </div>
                                <!--Widget Body-->
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12" style="padding-left: 5px; padding-right: 5px;">
                            <div class="widget" style="margin-bottom: 5px">
                                <div class="widget-header bordered-top" style="-webkit-box-shadow: unset; height: 39px;">
                                    <span class="deskitem">${i18n('attendance')}</span> <a
                                        style="float: right; margin-right: 10px; line-height: 39px; cursor: pointer; color: #23527c; font-size: 14px; font-weight: 800;"
                                        onclick="top.openNewTabs('/app/core/attend/myattend?view=queryattend','${i18n('attendance.record')}');">${i18n('system.more')}>></a>
                                </div>
                                <!--Widget Header-->
                                <div class="portlet-content widget-body" style="padding: 0px; height: 179px;">
                                    <div class="column col-md-4" style="padding-top: 20px;" align="center">
                                        <div style="border: 2px solid #337ab7; border-radius: 50%; width: 100px; height: 100px; line-height: 100px; text-align: center;" class="js-attend kqbut"></div>
                                        <div style="width: 100px; text-align: center; margin-top: 10px; color: #999;">
                                            <span id="configName" style="font-size: 18px; font-weight: 600; color: cadetblue;"></span>
                                        </div>
                                    </div>
                                    <div class="column col-md-8" style="height: 179px; border-left: 1px solid #ddd;">
                                        <div style="border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; font-size: 20px; font-weight: 900;">${i18n('attendance.today')}</div>
                                        <div style="font-size: 18px; padding-top: 20px; font-weight: 900; color: blueviolet;">
                                            <div class="col-md-4" style="text-align: center">
                                                <span id="nowtime"></span>
                                            </div>
                                            <div class="col-md-4" style="text-align: center">
                                                <span id="attendstatus"></span>
                                            </div>
                                            <div class="col-md-4" style="text-align: center">
                                                <span style="color: royalblue" id="hasConfig"></span>
                                            </div>
                                        </div>
                                        <div style="font-size: 14px; padding-top: 15px; font-weight: 900; color: #888; margin-top: 20px">
                                            <div class="col-md-4" style="text-align: center">
                                                <span>${i18n('nowTime')}</span>
                                            </div>
                                            <div class="col-md-4" style="text-align: center">
                                                <span>${i18n('checkIn')}</span>
                                            </div>
                                            <div class="col-md-4" style="text-align: center">
                                                <span>${i18n('status')}</span>
                                            </div>
                                        </div>
                                        <div style="margin-top: 30px;">
                                            <div class="col-md-12" style="font-size: 14px; font-weight: 900;">
                                                <span>${i18n('timeQuantum')}：</span><span id="beginTime"></span><span style="margin-left: 10px; margin-right: 10px;">-</span><span id="endTime"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Widget Body-->
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-bottom: 5px">
                        <div class="column col-md-6 col-sm-12 col-xs-12" style="height: 100%; padding-right: 5px; padding-left: 5px;">
                            <img alt="" src="/assets/img/desk/bg1.png" style="width: 100%; height: 80px; display: inline-block;">
                        </div>

                        <div class="column col-md-6 col-sm-12 col-xs-12" style="height: 100%; padding-right: 5px; padding-left: 5px;">
                            <img alt="" src="/assets/img/desk/bg4.png" style="width: 100%; height: 80px; display: inline-block;">
                        </div>

                    </div>
                    <div class="row">
                        <div class="column col-md-6 col-sm-12 col-xs-12" id="leftdiv" style="min-height: 100px; height: 100%; padding-right: 5px; padding-left: 5px;">
                            <div v-for="item in leftModule" v-html="item"></div>
                        </div>
                        <div class="column col-md-6 col-sm-12 col-xs-12" id="rightdiv" style="min-height: 100px; height: 100%; padding-left: 5px; padding-right: 5px;">
                            <div v-for="item in rightModule" v-html="item"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bs-example-modal-lg" id="remarkmodal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myLargeModalLabel">补打卡说明</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-bordered" role="form" id="form1">
                    <div class="form-group">
                        <textarea rows="5" cols="" class="form-control" id="remark" name="reamrk"></textarea>
                    </div>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">${i18n('cancel')}</button>
                <button type="button" class="btn btn-primary js-save">打卡</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
</body>
<%include("/app/resapi/sysjs.html"){}%>
<script type="text/javascript">
    var msgtime = "${msgtime}";
</script>
<script type="text/javascript" src="/module/fileupload/pageoffice.js" id="po_js_main"></script>
<script type="text/javascript" src="/gobal/js/page/portal/lang/${localeLang()}.js"></script>
<script src="/gobal/js/jquery/jquery-ui-1.9.2-min.js"></script>
<script src="/module/echart/echarts.min.js"></script>
<script type="text/javascript" src="/gobal/js/page/portal/desk.js"></script>
</html>
